<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">
		
<ui:composition template="template.xhtml">	
	<ui:define name="title">Cadastro Mensagem</ui:define>
	
	<ui:define name="calendario">
		<!--  date picker script -->
		<link rel="stylesheet" href="css/datePicker.css" type="text/css" />
		<script src="js/jquery/date.js" type="text/javascript"></script>
		<script src="js/jquery/jquery.datePicker.js" type="text/javascript"></script>		
		<script type="text/javascript" charset="utf-8">

		</script>
	</ui:define>
	
	<ui:define name="content">
		<div id="page-heading"><h1>Mensagens</h1></div>
		<table border="0" width="100%" cellpadding="0" cellspacing="0" id="content-table">
			<tr>
				<th rowspan="3" class="sized"><img src="images/shared/side_shadowleft.jpg" width="20" height="300" alt="" /></th>
				<th class="topleft"></th>
				<td id="tbl-border-top">&nbsp;</td>
				<th class="topright"></th>
				<th rowspan="3" class="sized"><img src="images/shared/side_shadowright.jpg" width="20" height="300" alt="" /></th>
			</tr>
			<tr>
				<td id="tbl-border-left"></td>
				<td>
				<!--  start content-table-inner -->
				<div id="content-table-inner">
				<h:form>
				<table border="0" width="100%" cellpadding="0" cellspacing="0">
					<tr valign="top">
						<td>			
							<!--  start step-holder -->
							<div id="step-holder">
								<div class="step-no">1</div>
								<div class="step-dark-left"><a href="">Cadastrar Mensagem</a></div>
								<div class="step-dark-right">&nbsp;</div>
								<!-- div class="step-no-off">2</div>
								<div class="step-light-left">Salvar</div>
								<div class="step-light-round">&nbsp;</div>
								<div class="clear"></div-->
							</div>
							<!--  end step-holder -->
						
							<!-- start id-form -->
							<table border="0" cellpadding="0" cellspacing="0"  id="id-form">								
								<tr>
									<th valign="top">Titulo: *</th>
									<td>
										<h:inputText styleClass="inp-form" id="titulo" value="#{mensagemBean.titulo}" required="true" requiredMessage="Campo Obrigatório" ></h:inputText>
									</td>
									<td>
										<h:message for="titulo" errorClass="error-inner"></h:message>
									</td>
								</tr>
								<tr>
									<th valign="top">Destinatário: *</th>
									<td>
										<h:selectManyMenu id="destinatario" required="true" styleClass="selectManyMenu" value="#{mensagemBean.idDestinatarios}">
											<f:selectItems value="#{listas.listaUsuarioSelect}"></f:selectItems>
										</h:selectManyMenu>
										<br/><br/> <small>Seguro CTRL e clique para adicionar vários!</small> 
									</td>
									<td>
										<h:message for="destinatario" errorClass="error-inner"></h:message>
									</td>
								</tr>
								<tr>
									<th valign="top">Tipo da Mensagem: *</th>
									<td>
										<h:selectOneMenu
											value="#{mensagemBean.idTipoMensagem}" id="tipo_mensagem"
											required="true" requiredMessage="Campo Obrigatório">
											<f:selectItem itemValue="0" itemDisabled="true" itemLabel="Selecione"></f:selectItem>
											<f:selectItems value="#{listas.listaTipoMensagemSelect}"></f:selectItems>
										</h:selectOneMenu>
									</td>
									<td>
										<h:message for="tipo_mensagem" errorClass="error-inner"></h:message>
									</td>
								</tr>
								<tr>
									<th valign="top">Mensagem: *</th>
									<td>
										<h:inputTextarea styleClass="form-textarea" id="mensagem" value="#{mensagemBean.mensagem}"  required="true"></h:inputTextarea>										
									</td>
									<td>
										<h:message for="mensagem" errorClass="error-inner"></h:message>
									</td>
								</tr>
								<tr>
									<th>&nbsp;</th>
									<td valign="top">
										<h:inputHidden value="#{mensagemBean.idMensagem}"></h:inputHidden>
										<h:commandButton action="#{mensagemBean.Salvar}" styleClass="form-submit" type="submit" value="Salvar"></h:commandButton>
										<a href="mantermensagem_list.xhtml" class="form-cancel" title="cancelar">cancelar</a>
									</td>
									<td></td>
								</tr>
							</table>
							<!-- end id-form  -->			
						</td>
						<td></td>
					</tr>
					<tr>
						<td><img src="images/shared/blank.gif" width="695" height="1" alt="blank" /></td>
						<td></td>
					</tr>
				</table>
				</h:form>		 
				<div class="clear"></div>
				</div>
				<!--  end content-table-inner  -->
				</td>
				<td id="tbl-border-right"></td>
			</tr>
			<tr>
				<th class="sized bottomleft"></th>
				<td id="tbl-border-bottom">&nbsp;</td>
				<th class="sized bottomright"></th>
			</tr>
		</table>		
		<div class="clear">&nbsp;</div>		
	</ui:define>
</ui:composition>
</html>